<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米商城 - Xiaomi 12、Redmi K50、MIX FOLD，小米电视官方网站</title>
    <link rel="icon" href="https://s01.mifile.cn/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/public.css">
    <link rel="stylesheet" href="/css/top-bar.css">
    <link rel="stylesheet" href="/css/site-header.css">
    <link rel="stylesheet" href="/css/banner.css">
    <link rel="stylesheet" href="/font/iconfont.css">
    
</head>
<body>

<div class="top-bar">
    <div class="container">
        <!-- 左边导航栏 -->
        <ul class="left-nav">
            <!-- li*13>a[href="#"] -->
            <li><a href="#">小米官网</a></li>
            <li><a href="#">小米商城</a></li>
            <li><a href="#">MIUI</a></li>
            <li><a href="#">IoT</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="#">天星数科</a></li>
            <li><a href="#">有品</a></li>
            <li><a href="#">小爱开放平台</a></li>
            <li><a href="#">企业团购</a></li>
            <li><a href="#">资质证照</a></li>
            <li><a href="#">协议规则</a></li>
            <li class="pos-r">
                <a href="#">下载app</a>
                <div class="download">
                    <img src="https://i1.mifile.cn/f/i/17/appdownload/download.png?1" alt="">
                    <p>小米商城APP</p>
                </div>
            </li>
            <li><a href="#">Select Location</a></li>
        </ul>
        <!-- 右边导航栏 -->
        <ul class="right-nav">
            <li><a href="login">登录</a></li>
            <li><a href="register">注册</a></li>
            <li><a href="#">消息通知</a></li>
            <li class="shop-cart pos-r">
                <a href="#">
                    <span class="iconfont icon-gouwuche"></span>
                    购物车(0)</a>
                <div class="shop-details">
                    购物车中还没有商品，赶紧选购吧！
                </div>
            </li>
        </ul>
    </div>
</div>

<div class="site-header">
    <div class="container">
        <!--   左边的logo     -->
        <h1 class="logo"></h1>
        <!-- 中间的导航 -->
        <ul class="header-nav">
            <li><a href="#">Xiaomi手机</a></li>
            <li><a href="#">Redmi手机</a></li>
            <li><a href="#">电视</a></li>
            <li><a href="#">笔记本</a></li>
            <li><a href="#">平板</a></li>
            <li><a href="#">家电</a></li>
            <li><a href="#">路由器</a></li>
            <li><a href="#">服务中心</a></li>
            <li><a href="#">社区</a></li>
        </ul>

        <!-- 搜索区域 -->
        <div class="header-search">
            <form action="" class="pos-r">
                <input type="text" name="keyword" autocomplete="off">
                <input type="submit" class="iconfont" value="&#xe6e4;">

                <div class="search-details">
                    <p>全部商品</p>
                    <p>小米手机</p>
                    <p>小米手机</p>
                    <p>小米手机</p>
                    <p>小米手机</p>
                    <p>小米手机</p>
                    <p>小米手机</p>
                    <p>小米手机</p>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="banner">
    <div class="container">
        <input type="radio" name="change" id="c1" checked>
        <input type="radio" name="change" id="c2">
        <input type="radio" name="change" id="c3">
        <input type="radio" name="change" id="c4">
        <input type="radio" name="change" id="c5">

        <div class="banner-images pos-r">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a9e19e36641582ef95cf8263d7e7f07b.png?w=2452&h=920"
                 alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cc04061612b77ff4112c399ce461dc58.jpg?thumb=1&w=1349&h=506&f=webp&q=90"
                 alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/637170b1170cd72e95092debcdd40db3.jpg?thumb=1&w=1349&h=506&f=webp&q=90"
                 alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7de8403f3f03a770228043a78e7134c8.jpg?thumb=1&w=1349&h=506&f=webp&q=90"
                 alt="">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0d6baea1902a09e6d4474036e05314e9.jpg?thumb=1&w=1349&h=506&f=webp&q=90"
                 alt="">

            <div class="change-labels">
                <label for="c1"></label>
                <label for="c2"></label>
                <label for="c3"></label>
                <label for="c4"></label>
                <label for="c5"></label>
            </div>

            <ul class="banner-menu pos-r">
                <li>
                    <span>手机</span>
                    <span>></span>
                    <div class="sub-menu">
                        <!-- 每一列 用flex布局 -->
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                    </div>
                </li>
                <li><span>手机</span><span>></span>
                    <div class="sub-menu">
                        <!-- 每一列 用flex布局 -->
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <span>手机</span>
                    <span>></span>
                    <div class="sub-menu">
                        <!-- 每一列 用flex布局 -->
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                    </div>
                </li>


                <li><span>手机</span><span>></span>
                    <div class="sub-menu">
                        <!-- 每一列 用flex布局 -->
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                    </div>
                </li>
                <li><span>手机</span><span>></span>
                    <div class="sub-menu">
                        <!-- 每一列 用flex布局 -->
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>

                    </div>
                </li>
                <li><span>手机</span><span>></span>
                    <div class="sub-menu">
                        <!-- 每一列 用flex布局 -->
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>

                    </div>
                </li>
                <li><span>手机</span><span>></span>
                    <div class="sub-menu">
                        <!-- 每一列 用flex布局 -->
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>

                    </div>
                </li>
                <li><span>手机</span><span>></span>
                    <div class="sub-menu">
                        <!-- 每一列 用flex布局 -->
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>

                    </div>
                </li>
                <li><span>手机</span><span>></span>
                    <div class="sub-menu">
                        <!-- 每一列 用flex布局 -->
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>

                    </div>
                </li>
                <li><span>手机</span><span>></span>
                    <div class="sub-menu">
                        <!-- 每一列 用flex布局 -->

                        <div class="sub-child-list">
                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>

                            <a href="#">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/930ddc941c1e6c81042406440e88ac45.png?thumb=1&w=40&h=40&f=webp&q=90"
                                     alt=""><span>Xiaomi Civi 2</span>
                            </a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>

        <div class="sub-banner-goods">
            <div class="banner-goods-nav">
                <a href="#">
                    <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                         alt="">
                    <p>保障服务</p>
                </a>

                <a href="#">
                    <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                         alt="">
                    <p>保障服务</p>
                </a>

                <a href="#">
                    <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                         alt="">
                    <p>保障服务</p>
                </a>

                <a href="#">
                    <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                         alt="">
                    <p>保障服务</p>
                </a>

                <a href="#">
                    <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                         alt="">
                    <p>保障服务</p>
                </a>

                <a href="#">
                    <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48"
                         alt="">
                    <p>保障服务</p>
                </a>
            </div>
            <ul class="banner-goods-pic">
                <li><a href="#"><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/32a62196b9af47752c96e7a50c86417c.jpg?w=632&h=340"
                        alt=""></a></li>
                <li><a href="#"><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/264af0123292658e3cde80ce12599121.jpg?w=632&h=340"
                        alt=""></a></li>
                <li><a href="#"><img
                        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28c13d0d11b38ec17fa5d83bc6ba5912.jpg?w=632&h=340"
                        alt=""></a></li>
            </ul>
        </div>
    </div>
</div>

<div class="main">
    <div class="container">
        <div class="introduce-img">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2656295f6c067f48a04a425acf15a096.jpg?thumb=1&w=1226&h=120&f=webp&q=90"
                 alt="">
        </div>

        <div class="introduce-title">
            <h3 class="left">手机</h3>

            <div class='right'>
                <a href="#">查看全部 ></a>
            </div>
        </div>

        <div class="goods-imgs">
            <div class="big-img">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/059f14c9ba134897be7db7a7286f1bb5.jpg?thumb=1&w=234&h=614&f=webp&q=90"
                     alt="">
            </div>

            <ul class="img-list">
                <li>
                    <div class="flag flag-new">新品</div>
                        <div class="figure figure-img">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                                 alt="">
                        </div>
                        <h4>Redmi Note 12 5G</h4>
                        <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                        <p class="price">1199元
                            <del class="num"><span>999</span>元</del>
                        </p>
                        <div class="review-wrapper">
                            <a href="#"></a>
                            <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                            <span class="author">"来自于 155****4315 的评价"</span>
                            <span class="date" data-date></span>
                        </div>
                </li>
                <li>
                    <div class="flag flag-saleoff">减 400 元</div>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元
                        <del class="num"><span>999</span>元</del>
                    </p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <div class="flag flag-saleoff">减 500 元</div>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <div class="flag flag-new">新品</div>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
            </ul>

        </div>

        <div class="introduce-img">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2656295f6c067f48a04a425acf15a096.jpg?thumb=1&w=1226&h=120&f=webp&q=90"
                 alt="">
        </div>


        <div class="introduce-title">
            <h3 class="left">手机</h3>

            <div class='right'>
                <a href="#">查看全部 ></a>
            </div>
        </div>

        <div class="goods-imgs">
            <div class="big-img">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/059f14c9ba134897be7db7a7286f1bb5.jpg?thumb=1&w=234&h=614&f=webp&q=90"
                     alt="">
            </div>

            <ul class="img-list">
                <li>
                    <div class="flag flag-new">新品</div>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <div class="flag flag-saleoff">减 400 元</div>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <div class="flag flag-new">新品</div>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
            </ul>

        </div>

        <div class="introduce-img">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2656295f6c067f48a04a425acf15a096.jpg?thumb=1&w=1226&h=120&f=webp&q=90"
                 alt="">
        </div>


        <div class="introduce-title">
            <h3 class="left">手机</h3>

            <div class='right'>
                <a href="#">查看全部 ></a>
            </div>
        </div>

        <div class="goods-imgs">
            <div class="big-img">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/059f14c9ba134897be7db7a7286f1bb5.jpg?thumb=1&w=234&h=614&f=webp&q=90"
                     alt="">
            </div>

            <ul class="img-list">
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <div class="flag flag-new">新品</div>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <div class="flag flag-new">新品</div>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <div class="flag flag-saleoff">减 400 元</div>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <div class="flag flag-saleoff">减 600 元</div>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
            </ul>

        </div>

        <div class="introduce-img">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2656295f6c067f48a04a425acf15a096.jpg?thumb=1&w=1226&h=120&f=webp&q=90"
                 alt="">
        </div>


        <div class="introduce-title">
            <h3 class="left">手机</h3>

            <div class='right'>
                <a href="#">查看全部 ></a>
            </div>
        </div>

        <div class="goods-imgs">
            <div class="big-img">
                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/059f14c9ba134897be7db7a7286f1bb5.jpg?thumb=1&w=234&h=614&f=webp&q=90"
                     alt="">
            </div>

            <ul class="img-list">
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <div class="flag flag-new">新品</div>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
                <li>
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/nr-pub/202210262033_ef39fca0e37395d07682124770fd3ad9.png?thumb=1&w=200&h=200&f=webp&q=90"
                         alt="">
                    <h4>Redmi Note 12 5G</h4>
                    <p class="desc">三星 OLED 护眼屏｜骁龙 5G 芯｜5000mAh 电量</p>
                    <p class="price">1199元起</p>
                    <div class="review-wrapper">
                        <a href="#"></a>
                        <span class="review">好用，小孩开心，小米就是好，希望能用久一点</span>
                        <span class="author">"来自于 155****4315 的评价"</span>
                        <span class="date" data-date></span>
                    </div>
                </li>
            </ul>

        </div>
    </div>
</div>

<video src=""></video>

<footer>
    <div class="container">
        <div class="footer-copyright">
            <p>&copy; 2024 <span>jiangxiaonian</span>. All rights reserved.</p>
            <p>隐私政策 | 使用条款</p>
            <p>联系我们：<span>3509309412@qq.com</span> | <span>Phone: 155-3471-3297</span></p>

        </div>
    </div>
</footer>

</body>
</html>